<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>背景特效</title>
	<meta name="renderer" content="webkit">
	<meta name="apple-mobile-web-app-capable" content="yes"/>
	<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
	<style>
		body{
			margin: 0;padding: 0;
		}
		.item, .item_1{
			width:100%;
		}
		.item_2{
			width:100%;
			height:100%;
			position: relative;
		}
		.item_2_1{
			font-size: 26px;
			height: 300px
		}

	</style>
</head>
<body>
<div class="item">
	<div class="item_1">
		<div class="item_2_1">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur minima molestias veniam? Ad ipsa necessitatibus quod tenetur vel. Asperiores beatae deleniti doloribus, enim eum excepturi quasi quibusdam rerum soluta suscipit!</div>
		<div class="item_2_1">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur minima molestias veniam? Ad ipsa necessitatibus quod tenetur vel. Asperiores beatae deleniti doloribus, enim eum excepturi quasi quibusdam rerum soluta suscipit!</div>
	</div>
	<div class="item_2">
	   <div class="item_2_1">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur minima molestias veniam? Ad ipsa necessitatibus quod tenetur vel. Asperiores beatae deleniti doloribus, enim eum excepturi quasi quibusdam rerum soluta suscipit!</div>
		<div class="item_2_1">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur minima molestias veniam? Ad ipsa necessitatibus quod tenetur vel. Asperiores beatae deleniti doloribus, enim eum excepturi quasi quibusdam rerum soluta suscipit!</div>
	</div>
	<div class="item_3">
		<div class="item_2_1">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur minima molestias veniam? Ad ipsa necessitatibus quod tenetur vel. Asperiores beatae deleniti doloribus, enim eum excepturi quasi quibusdam rerum soluta suscipit!</div>
		<div class="item_2_1">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur minima molestias veniam? Ad ipsa necessitatibus quod tenetur vel. Asperiores beatae deleniti doloribus, enim eum excepturi quasi quibusdam rerum soluta suscipit!</div>
	</div>
</div>
<script src="js/jquery-1.11.3.js"></script>
<script src="js/parallax.min.js"></script>
<script>
	$(function () {
        // Parallax

        $('.item_1').parallax({
            imageSrc: 'img/timg.jpg',
            speed: 0.2
        });
        $('.item_2').parallax({
            imageSrc: 'img/timg_1.jpg',
            speed: 0.2
        });
        $('.item_3').parallax({
            imageSrc: 'img/timg_2.jpg',
            speed: 0.2
        });
    })
</script>
</body>
</html>